<template>
	<view>
		<view class="top">

		</view>
		<view class="bottom">
			<view class="bottom-card1">
				<view class="xiaofei">
					<view>
						<view class="font1">
							大美维修店
						</view>
						<view class="font2">
							2023.3.11
						</view>
					</view>
					<view class="xiaofei2">
						-50
					</view>
					
				</view>
				
			</view>
			
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
			

			}
		},
		methods: {

	

		}
	}
</script>

<style>
	.top {
		width: 100%;
		height: 200px;
		background-color: #FF7500;
	}

	.bottom {
		margin: 0 20px;
	}

	.bottom-card1 {
		height: 500px;
		margin-top: -185px;
		background-color: #fff;
		border-radius: 10px;
	}
	.xiaofei{
		
		height: 80px;
		margin: 0 10px;
		border-bottom:solid 3px #F7F7F7;
		display: flex;
		justify-content: space-between;
	}
	.font1{
		margin-top: 15px;
		font-size: 17px;
		height: 30px;
	}
	.font2{
		height: 30px;
		color: #8E8E8E;
		font-size: 15px;
	}
	.xiaofei2{
		margin-top: 25px;
		height: 30px;
		font-size: 17px;
	}

</style>